.categray {
  width: 100%;
}

.categray .cate_list {
  width: 100%;
  background: #F5F5F5;
  font-size: 16px;
  padding: 10px 0;
}

.categray .cate_list .list_con {
  width: 96%;
  margin: 0 auto;
}

.categray .cate_filter {
  width: 100%;
}

.categray .cate_filter .newest {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.categray .cate_filter .newest .news_txt .well {
  margin-right: 4px;
}

.categray .cate_filter .newest .news_txt .active {
  color: #f00;
}

.categray .cate_filter .newest .sort_txt {
  padding: 4px 8px;
  /* line-height: 48rpx; */
  border: 1px solid #CCC;
  border-radius: 30px;
  font-size: 12px;
}

.categray .cate_filter .fi_all {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.categray .cate_filter .fi_all .all_item {
  margin-right: 10px;
  padding: 6px 0;
}

.categray .cate_filter .fi_all .item_active {
  color: #f00;
}

.categray .card_list {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  justify-content: space-around;
}
